<template>
  <a-layout class="layout-container">
    <layout-sider></layout-sider>
    <!--<side-menu :class="[fixedSideBar ? 'fixed-side' : '']" theme="dark" v-if="layout === 'side' || layout === 'mix'" :menuData="sideMenuData" :collapsed="collapsed" :collapsible="true" />-->
    <a-layout-content class="layout-container-content">
      <router-view />
    </a-layout-content>
  </a-layout>
</template>

<script>
import LayoutSider from "@/components/layout-sider";
// import SideMenu from "@/components/menu/SideMenu";

export default {
  name: "systemLayout",
  components: { LayoutSider },
  data() {
    return {};
  },
  provide() {
    return {
      adminLayout: this,
    };
  },
  watch: {},

  methods: {},
  created() {},
  beforeDestroy() {},
};
</script>

<style scoped lang="less">
.layout-container {
  //height: clac(100% - 80px);
  background-color: transparent;
  .layout-container-content {
  }
}
</style>
